footer {
    /* height: 90vh; */
    /* background-color: red; */
}

footer .side-footer {
    height: 40%;
    background-image: url("../../../assets/images/web/footer.webp");
    background-position: center center;
    background-size: cover;
    position: relative;
}
.side-footer::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.9) 0%,
        rgba(0, 0, 0, 0.6) 40%,
        rgba(0, 0, 0, 0.3) 70%,
        transparent 100%
    );
}

footer .main-footer{
    background-image: url("../../../assets/images/web/FMP.webp");
    background-position: center bottom;
    background-size: 50%;
    background-repeat: no-repeat;
    position: relative;
}

footer .main-footer::after{
    content: '';
    position: absolute;
    inset: 0;
    background-color: #0C0502;
}